<template>
    <section>
    <div v-bind:key="todo.id" v-for="todo in todos" >
        <TodoItem v-bind:todo="todo" v-on:del-todo="$emit('del-todo',todo.id)"/>
    </div>
    </section>
</template>

<script>
import TodoItem from './TodoItem.vue'
export default {
    name: 'Todos',
    components:{
        TodoItem
    },
    props: ["todos"]
  
}
</script>

<style scoped>

</style>